<template>
  <div class="inter-box">
<!--    政策解读-->
    <el-row>
      <el-col :span="1">
        <div><el-button type="text" class="arrow-icon"><i class="el-icon-d-arrow-left"></i></el-button></div>
      </el-col>
      <el-col :span="22">
        <div>
          <el-row>
            <el-col :span="12" v-for="(item,index) in policyInterpretationData" :key="index">
              <div class="inter-item-box">
                <el-row>
                  <el-col :span="6">
                    <img src="../../assets/inter_default.png" alt="" class="inter-img">
                  </el-col>
                  <el-col :span="16" :offset="1">
                    <div class="inter-tt">{{item.title}}</div>
                    <div class="inter-tx">{{item.text}}</div>
                    <div class="inter-release-msg vertical-space-between">
                      <div>发布时间:{{item.releaseTime}}</div>
                      <div>发布单位: <span class="releaseCompany-font">{{item.releaseCompany}}</span></div>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
      <el-col :span="1">
        <div><el-button class="arrow-icon" type="text"><i class="el-icon-d-arrow-right"></i></el-button></div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "PolicyInterpretation",
  props:['policyInterpretationData']
}
</script>

<style scoped>
.inter-box {

}
.arrow-icon {
  line-height: 170px;
  /*color: #888;*/
  font-size: 30px;
}
.inter-item-box {
  margin: 10px;
  padding: 10px;
  background-color: #2954A2;
  color: #FFFFFF;
}
.inter-img {
  width: 100%;
}
.inter-tt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.inter-tx {
  font-size: 14px;
}
.inter-release-msg {
  font-size: 11px;
  margin-top: 10px;
  font-weight: bold;
}
</style>